@import "../../styles/base";

/*我的订单*/
.ga-user-order{
  .ga-tab{
    @include wh(100%,80rpx,80rpx);
    font-size:24rpx;
    border:1px solid $grayLighter;

    .item{
      @include flex(1 1 auto);
      text-align: center;

      &.active{
        border-bottom:6rpx solid $primary;
        margin-bottom:-3rpx;
      }
    }
  }

  .order-list{
    .item{
      margin-bottom:10px;
      background: #fff;
      font-size:24rpx;
    }
    .state{
      padding:10rpx 22rpx;
      color:$primary;
      text-align: right;
    }

    .product{
      @extend %flex;
      padding:15rpx 22rpx;
      background: $bg;

      .item-media{
        @include flex(0 0 auto);
        @include wh(130rpx,130rpx);
        .img{
          @include wh(130rpx,130rpx);
        }
      }

      .item-inner{
        padding-left:20rpx;
        @include flex(1 1 auto);
        @extend %flex;

        .inner2{
          text-align: right;
          padding-left:10rpx;
        }

        .p{
          height:40rpx;
          line-height:40rpx;
        }

        .p1{
          @include wh(100%,auto,40rpx);
          max-height: 80rpx;
          overflow: hidden;
        }

        .p2{
          color:$gray;
          font-size:20rpx;
        }

        .p4{
          text-decoration: line-through;
          color:$gray;
        }

        .p5{
          color:$gray;
        }
      }
    }

    .total{
      padding:20rpx 22rpx;
      text-align: right;
      border-bottom:1px solid $grayLighter;
      color:$gray;

      .span{
        @extend %inline-block;
        margin-left:20rpx;
      }
    }

    .opera{
      padding:20rpx 22rpx;
      text-align: right;

      .span{
        font-size:24rpx;
        color:$gray;
        @extend %inline-block;
        height:36rpx;
        line-height:36rpx;
        padding:0 15rpx;
        font-weight:600;
        border:1px solid $grayLighter;
        @include border-radius(18rpx);
        margin-left:10rpx;
      }
    }
  }
}